<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>我图网,提供图片素材及模板下载,专注正版设计作品交易</title>

     <link rel="stylesheet" href="../css/bootstrap.min.css">

    <link rel="stylesheet" type="text/css" href="../css/css.css">
    <link rel="stylesheet" type="text/css" href="../css/luobo.css">
     <script src="../js/jquery-2.0.3.js"></script>
     <script src="../js/bootstrap.min.js"></script>
      <script src="../js/scrollup.js"></script>
      <script src="../js/index.js"></script>
   
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="logo fl">
                <a  href="#"></a>
            </div>
            <ul class="nav clearfix fl">
                <li>
                    <a  href="#" class="nav-list-a">背景墙</a>

                    <div class="sub-nav">
                        <i class="triangle fl"></i>

                        <div class="sub-nav-m" style="padding-right:38px;">
                            <div class="top">
                                
                                    <a href="#">背景墙|装饰画</a>
                                    <em>899615</em> <a href="#">张</a>
                                
                            </div>
                            <div class="center clearfix">
                                <a href="#"  class="fl">电视背景墙</a>
                                <a href="#"  class="fl">玄关</a>
                                <a href="#"  class="fl">墙纸</a>
                                <a href="#"  class="fl">无框画</a>
                                <a href="#"  class="fl">3D地板</a>
                                <a href="#"  class="fl">3D桌面|台面</a>
                                <a href="#"  class="fl">油画</a>
                                <a href="#"  class="fl">山水风景画</a>
                                <a href="#"  class="fl">壁画</a>
                                <a href="#"  class="fl">工装背景墙</a>
                                <a href="#"  class="fl">全屋背景墙</a>
                                <a href="#"  class="fl">大理石贴图|木材...</a>
                                <a href="#"  class="fl">吊顶|天顶壁画</a>
                                <a href="#"  class="fl">照片墙</a>
                                <a href="#"  class="fl">隔断|屏风</a>
                                <a href="#"  class="fl">毛笔书法</a>
                                <a href="#"  class="fl">位于背景墙</a>
                                <a href="#"  class="fl">墙贴</a>
                                <a href="#"  class="fl">其他</a>
                                <a href="#"  class="fl">厨房背景墙</a>

                            </div>
                </li>
                <li>
                    <a  href="#" class="nav-list-a">平面|广告设计</a>

                    <div class="sub-nav">
                        <i class="triangle fl"></i>

                        <div class="sub-nav-m" style="padding-right:38px;">
                            <div class="top">
                               
                                    <a  href="#">平面|广告设计</a>
                                    <em>1254663</em> <a href="#">张</a>
                               
                            </div>
                            <div class="center clearfix">
                                <a href="#" class="fl">展板设计</a>
                                <a href="#" class="fl">海报设计</a>
                                <a href="#" class="fl">VIP卡|名片模板</a>
                                <a href="#" class="fl">画册设计</a>
                                <a href="#" class="fl">宣传单</a>
                                <a href="#" class="fl">证书模版</a>
                                <a href="#" class="fl">小报|手抄报</a>
                                <a href="#" class="fl">舞台背景</a>
                                <a href="#" class="fl">2017鸡年设计模板</a>
                                <a href="#" class="fl">简历模版</a>
                                <a href="#" class="fl">手机|平板电脑套</a>
                                <a href="#" class="fl">房地产</a>
                                <a href="#" class="fl">节日设计</a>
                                <a href="#" class="fl">地图</a>
                                <a href="#" class="fl">标志LOGO设计(买断版权)</a>
                                <a href="#" class="fl">微信营销模板</a>

                                <a href="#" class="fl">其他</a>

                            </div>
                </li>
                <li>
                    <a  href="#" class="nav-list-a">PPT模板</a>

                    <div class="sub-nav">
                        <i class="triangle fl"></i>

                        <div class="sub-nav-m" style="padding-right:38px;">
                            <div class="top">
                               
                                    <a  href="#">背景墙|PPT模板</a>
                                    <em>289884</em> <a href="#">张</a>
                               
                            </div>
                            <div class="center clearfix">
                                <a href="#" class="fl">商务通用</a>
                                <a href="#" class="fl">总结计划</a>
                                <a href="#" class="fl">婚庆生活</a>
                                <a href="#" class="fl">金融理财</a>
                                <a href="#" class="fl">教育培训</a>
                                <a href="#" class="fl">党政军警</a>
                                <a href="#" class="fl">简历介绍</a>
                                <a href="#" class="fl">Keynote模板</a>
                                <a href="#" class="fl">课件</a>

                                <a href="#" class="fl">其他</a>


                            </div>
                </li>
                <li>
                    <a  href="#" class="nav-list-a">全部分类</a>

                </li>
                <li>
                    <a  href="#" class="nav-list-a">VIP素材</a>

                   
                </li>
                </ul>
                <div class="right fr">
                    <div class="money fl">
                        <span><img src="../images/11.jpg" alt=""></span><a href="#">开店赚钱</a>
                    </div>
                    <div class="reg fr"><span><a href="login.html">登录</a></span>|<span><a href="reg.html">注册</a></span></div>
                </div>
            
            </div>
            </div>
<div class="mains clearfix"> 
<!-- <div class="search"><input type="text" placeholder="请输入标题·关键字·编号搜索"><button><span class="glyphicon glyphicon-search"></span></button></div> -->
    <div class="imgscroll">
        <div class="pre"><</div>
        <div class="next">></div>
        <div class="imglist">
            <li class="imgurl"><img src="http://img.ooopic.com/upfile/default/2733.jpg" /></li>
            <li class="imgurl"><img src="http://img.ooopic.com/upfile/default/2729.jpg" /></li>
            <li class="imgurl"><img src="http://img.ooopic.com/upfile/default/2738.jpg" /></li>
            <li class="imgurl"><img src="http://img.ooopic.com/upfile/default/2730.jpg" /></li>
            <li class="imgurl"><img src="http://img.ooopic.com/upfile/default/2733.jpg" /></li>
        </div>
        <div class="imgdesc">
            <li class="hover"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </div>
       
    </div>

    <div class="search clearfix" action="" method="get"
         style="margin: 164px 0 0 -375px;position:absolute;left:50%;z-index:3333;">
        <div class="search-box clearfix searchInput">
            <input type="text" name="search_text" placeholder="请输入标题、关键词、编号搜索" autocomplete="off">
            <a  class="search_btn"><i></i></a>
        </div>
      <div class="history-search">
                <p class="his-title">历史搜索</p>
                <span class="his-message">十八届</span>
                <span class="his-message">工作总结</span>
                <span class="his-message">学生</span>
                <span class="his-message">鸡年</span>
                <div class="hot-search">
                    <p class="his-title">大家都在搜</p>
                    <ul class="searchul">
                        <li>
                            <span class="serspan">1</span>
                            <span class="serspan2">双十一</span>
                            <span class="serspan3">1111111条结果</span>
                        </li>
                        <li>
                            <span class="serspan">2</span>
                            <span class="serspan2">2017年日历</span>
                            <span class="serspan3">1245242条结果</span>
                        </li>
                        <li>
                            <span class="serspan">3</span>
                            <span class="serspan2">十八届六中全会</span>
                            <span class="serspan3">12111条结果</span>
                        </li>
                        <li>
                            <span class="serspan1">4</span>
                            <span class="serspan2">长征胜利80周年</span>
                            <span class="serspan3">415225条结果</span>
                        </li>
                        <li>
                            <span class="serspan1">5</span>
                            <span class="serspan2">文化墙</span>
                            <span class="serspan3">45234534条结果</span>
                        </li>
                        <li>
                            <span class="serspan1">6</span>
                            <span class="serspan2">商务PPT</span>
                            <span class="serspan3">4544574条结果</span>
                        </li>
                        <li>
                            <span class="serspan1">7</span>
                            <span class="serspan2">家和富贵</span>
                            <span class="serspan3">435253556条结果</span>
                        </li>
                        <li>
                            <span class="serspan1">8</span>
                            <span class="serspan2">片头片尾</span>
                            <span class="serspan3">87578578条结果</span>
                        </li>
                    </ul>
                </div>
            </div>

        <ul class="hot_list" style="_display:none;"></ul>
    </div>
     </div>
    <div class="member clearfix">
        <div class="container">
        <div class="left fl">
         <div>我图会员数：<span>119，695，028  </span>  人 </div>
        <div>作品总数：<span>3，692，949  </span>  张</div>  
         </div>
           <div class="right fr clearfix"> 
             <div><span>版</span> 原创可商用  </div>
            <div><span>新</span>  海量更新 </div>
            <div><span>快</span> 高速下载 </div>
            <div><span>售</span>  完美售后 </div> 
           </div> 
          
        </div>
    </div>
    <div class="main ">
        <div class="container">
            <div class="top ">
                <div class="m1"></div>
                <div class="m2"></div>
                <div class="m3"></div>
                <div class="m4"></div>
                <div class="m5"></div>
                <div class="m6 c8"></div>
                </div>
              
            </div>
        </div>
 
        <!-- 推荐列表 start -->
         <div class="container"> 
        <div class="recmd-list">
       
         
  <p class="select"><img src="images/22.jpg" alt="">精选专题推荐</p>
            <ul class="recmd-box clearfix">
                                    <li class="list fl">
                        <img class='lazy'
                             
                             src="../images/li1.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">2017鸡年素材</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                            
                             src="../images/li2.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">珠宝背景墙</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                            
                             src="../images/li3.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">工作总结PPT</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                           
                             src="../images/li4.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">精品无框画</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                            
                             src="../images/li5.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">震撼片头模板</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                            
                             src="../images/li6.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">十八届六中全会</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                            
                             src="../images/li7.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">淘宝双11素材</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                                    <li class="list fl">
                        <img class='lazy'
                            
                             src="../images/li8.jpg">

                        <div class="list-bg">
                            <a 
                               href="#">
                                <span class="list-name">颁奖晚会PPT</span>
                                <em class="look-but">点击查看 ></em>
                            </a>
                        </div>
                    </li>
                            </ul>
        </div>
    </div>
    </div>
</div>  

<!-- 车边栏 --> 
<div class="sidebar">
      
        <div class="sidem qq" style="height:82px;">
            <a href="#" ></a>
        </div>
        <div class="sidem wx" style="height:82px;">
           <!--  <div class="ma"><img src="images/2ma.jpg" ></div> -->
           <a href="#" ></a>
           </div>
        <div class="sidem fk" style="height:82px;">
            <a href="#" ></a>
        </div>
        <div class="goto-back"  id="btn" style="height:58px;">
            <!-- <a href="javascript:scroll(0,0)" id="scrollUp"></a> -->
           <!--  <a href="javascript:;" id="btn" title="回到顶部" ></a> -->
        </div>
    </div>

<!--footer start-->
<div id="footer">
        <div class="footer clearfix">
            <div class="footer-1"></div>
            <div class="footer-2">
                <h2>专注正版设计作品交易平台</h2>
                <p>我图网为1900万位老板，设计师，白领，老师，</p>
                <p>行政后勤，管理人员等提高工作效率</p>
                <div>在线客服: <a href="javascript:;"><span></span></a> &#x3000;免费热线:400-600-8526</div>
            </div>
            <div class="footer-3">
                <p>客户指南</p>
                <a href="javascript:;">关于我们</a><a href="javascript:;">售后服务</a><a href="javascript:;">版权声明</a><a href="javascript:;">出售作品</a><a href="javascript:;">投诉举报</a><a href="javascript:;">网站导航</a><a href="javascript:;">联系我们</a><a href="javascript:;">图片下载</a>
            </div>
            <div class="footer-4">
                <p>安全认证</p>
                <div class="s1"></div>
                <div class="s2"></div>
            </div>
        </div>
    </div>
<div id="footerr">
        <div class="footerr">
            <div class="footerr-left fl">
                <p>Copyright ? 2008-2014我图网沪ICP备08009396号 用时：0.0113 5.65秒</p>
                <p>若您发现您的权利被侵害，请发起知识产权投诉。tousu@ooopic.com</p>
            </div>
            <div class="footerr-right fr">
                <a href="javascript:;"><img src="../images/footerr.png" alt="">
                <span>上海工商</span></a>
            </div>
        </div>
    </div>

<!--footer end-->

    <script >
$(function(){
  $(window).scroll(function() {
        var scrollTop = $(document).scrollTop();
        if(scrollTop>600) {
            $(".sidebar").addClass("top-height")
        }
        else {
             $(".sidebar").removeClass("top-height")
        }
  })
})
</script>
<script type="text/javascript" src="http://www.jsdaima.com/Upload/1415970964/jquery.imgscroll.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(e) {
          imgScroll.gradual({
         'name':'imgscroll'
         },10000)
});

</script>
   <script>
    window.onload = function(){
    var obtn = document.getElementById('btn');
    //获取页面可视区的高度
    var clientHeight=document.documentElement.clientHeight;
    var timer = null;
    var isTop = true;
        
    window.onscroll=function(){
      var osTop=document.documentElement.scrollTop||document.body.scrollTop;
    if (osTop >= clientHeight){
        obtn.style.display="block"; //显示按钮
    }
    // else {
    //     obtn.style.display="none"; //隐藏按钮
    // }
    if (!isTop){
        clearInterval(timer);
    }
        isTop = false;  
    };
    obtn.onclick = function(){
    //设置定时器
    timer = setInterval(function(){
        var osTop=document.documentElement.scrollTop||document.body.scrollTop;
        var ispeed = Math.floor(-osTop / 6);
    //获取滚动条距离顶部的高度
    document.documentElement.scrollTop=document.body.scrollTop=osTop+ispeed;
    isTop = true;
    if(osTop == 0){
        clearInterval(timer);
        }
    },30);
    }
    
}
</script> 
</body>

</html>